<template>
  <div class="right" id="right">
      <v-header></v-header>
      <v-main :index="index"></v-main>
       
      <v-footer></v-footer>
  </div>
</template>

<script>
import vHeader from './header.vue'
import vFooter from './footer.vue'
import vMain from './main.vue'
export default {
   
    components:{
        vHeader,
        vFooter,
        vMain
    },
    props:{
        index:{
            type:Number,
            default:''
        } 
    }
}
</script>

<style>
.right{
    width: 80vw;
    height: 100vh;
    /* background-color: red; */
}

</style>